<!-- 联系客服 -->
<template>
  <div class="customer">
    <!-- 联系客服 -->
    <el-card>
      <el-collapse v-model="activeNames">
        <el-collapse-item title="客服电话" name="1">
          <div>
            021-50120189
          </div>
          <div>
            50120179
          </div>
          <div>
            50890789
          </div>
        </el-collapse-item>
      </el-collapse>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      activeNames: ['1']
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
  .customer{
    position: fixed;
    z-index: 99999;
    width: 140px;
    right: 0;
    top: 10%;
    border-radius: 4px;
    /deep/ .el-card{
      background-color: #fff !important;
      .el-collapse-item__header{
        height: 38px !important;
        line-height: 38px !important;
        background-color: transparent !important;
      }
      .el-collapse-item__wrap{
        background-color: transparent !important;
      }
      .el-collapse-item__arrow{
        line-height: 38px !important;
      }
      .el-collapse-item__content{
        padding-bottom: 10px !important;
      }
    }
  }
</style>
